*{
    margin:0px;
    padding:0px;
}
.head{
    margin: 0 auto;
}
.head{
    width:100%;
    height:40px;
    background-color:#00081c;
    display: flex;
    align-items: center;
}
header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items: center;
}
header span,header h3{
    color:white
}
.head1,.head2{
    width:200px;
}
.head1 a{
    margin: 0 10px;
    text-decoration: none;
}
.head1 span{
    font-size: 12px;

}
.head1 span:hover{
    border-bottom: 1px solid white;
}
.head2 button{
    background-color:#00081c;
    border:0px;
}
.head2 button:hover{
    border-bottom:1px solid white;
}
.head2:hover .head21{
    display: block;
}
.head21{
    display: none;
    height:160px;
    background-color:white;
    position:absolute; 
    padding:10px 20px 10px 20px;
    z-index: 2;  
}
.head21 p{
    margin-top: 10px;
    font-size: 14px;
}
.head21 button{
    margin-top: 10px;
    color:white;
    width:150px;
    height: 30px;
    background-color: #00081c;
}
.head21 button:hover{
    background-color:#4b4c4f;
}
.head2 span{
    font-size: 12px;
}
.navList{
    width:1013px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 auto;
}
.navList>ul>li{
list-style: none;
float:left;
margin-right:45px;
}
.navList a{
    text-decoration: none;
}
.navList .navList11 {
  display: none;
  width:200px;
  height:200px;
  background-color: white;
  position: absolute;
  box-shadow: 2px 2px 5px grey;
  margin-top: 5px;
  z-index: 2;
}
.navList11 li,.navList33 li,.navList44 li,.navList55 li,.navList66 li,.navList77 li,.navList88 li,.navList99 li{
    margin: 10px 0px;
    text-align: center;
    height:20px;
    line-height: 20px;
    list-style: none ;
}
.navList11 li:hover,.navList33 li:hover,.navList44 li:hover,.navList55 li:hover,.navList66 li:hover,.navList77 li:hover,.navList88 li:hover,.navList99 li:hover{
    background-color: rgb(143, 182, 182);
}
.navList1:hover .navList11{
    display: block;
}
.navList1:hover,.navList2:hover,.navList3:hover,.navList4:hover,  .navList5:hover,.navList6:hover,.navList7:hover,.navList8:hover,.navList9:hover{
    border-bottom:2px solid gray;
}
.navList .navList33 {
    display: none;
    width:200px;
    height:350px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList3:hover .navList33{
      display: block;
  }
  .navList .navList44 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList4:hover .navList44{
      display: block;
  }
  .navList .navList55 {
    display: none;
    width:200px;
    height:400px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList5:hover .navList55{
      display: block;
  }
  .navList .navList66 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList6:hover .navList66{
      display: block;
  }
  .navList .navList77 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList7:hover .navList77{
      display: block;
  }
  .navList .navList88 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList8:hover .navList88{
      display: block;
  }
  .navList .navList99 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList9:hover .navList99{
      display: block;
  }
/* 给轮播图留了一个地方 */
/* css 重置 */
*{margin:0; padding:0; list-style:none; }
/* body{ background:#fff; font:normal 12px/22px 宋体;  } */
/* img{ border:0;} */
a{ text-decoration:none;}
/* 本例子css */
.slideBox{ height:400px; overflow:hidden; position:relative; margin: 0 auto;  }
.slideBox .hd{ 
    height:20px; 
    overflow:hidden;
    position:absolute;
    right:5px;
    bottom:5px; 
    z-index:1; 
    margin: 0px 600px;
}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background:rgb(186, 184, 184); cursor:pointer; }
.slideBox .hd ul li.on{ background-color: #262628; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;height:400px; display:block; margin: 0 auto; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.huodong{
    width:1013px;
    height: 250px;
    text-align: center;
    margin: 0px auto;
    padding-top: 50px;
    
}
.css-yumxn7 {
    width:1013px;
    font-size: 13px;
    line-height: 15.6px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-family: DWFutura, sans-serif;
    font-weight: normal;
    margin: 0 auto;
}
.fenlei{
    width:1013px;
    height:70px;
    margin: 0 auto;
}
.fenlei>div{
    background-color: #00081c;
    float: left;
    width:166px;
    height:50px;
    margin:35px ;
    padding:4px;
    text-align: center;
    font-size: 13px;
}
.fenlei>div:hover{
    background-color:#232f4e;
}
.fenlei div a{
    text-decoration: none;
    color:#CDBC7A;
    line-height: 50px;
}

.shop{
    width:1013px;
    height:750px;
    margin:0px auto;
}
.shop h1{
    margin:60px auto;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}
.shop ul{
    width:1013px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.shop ul li{
    width:24%;
    height:350px;
    float:left;
    margin-right:8px;
}
.shop ul li  div img{
    width:100%;
    height:240px;
    background-color: #F4F4F4;
}
.shop ul li a{
    text-decoration: none;
    color: #4b4c4f;
}
.shop ul li div:hover{
    /* border:1px solid gainsboro ; */
    box-shadow: 0 -1px 10px rgb(186, 184, 184);
}
.list{
    background: url("../img/show1.jpg");
    background-size: 100% 100%;
}
.listLast{
    background: url("../img/show4.jpg");
    background-size: 100% 100%;
}
.list,.listLast{
    width: 1013px;
    height: 300px;
    margin: 0 auto; 
    overflow: hidden;
}
.list1{
    width:200px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color:rgba(255,255,255, 0.4);
    margin:190px 200px 30px 210px;
}
.list1:hover,.listNext11:hover,.listNext22:hover{
    background-color: #47516a;
}
.listNext{
    width:1013px;
    height:500px;
    margin: 10px auto;
    /* box-sizing:border-box; */
}
.listNext1,.listNext2{
    width:49.5%;
    height:500px;   
    float:left;
   
}
.listNext1{
    /* box-sizing:border-box; */
    background: url("../img/show2.jpg");
    background-size: 100% 100%;
    margin-right: 5px;
}
.listNext2{
    background: url("../img/show3.jpg");
    background-size: 100% 100%;
    margin-left: 5px;
}
.listNext11,.listNext22{
    width:200px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color:rgba(255,255,255, 0.4);
    margin:450px 220px 30px 150px;
}
.listAll{
    width:100%;
    height:180px;
    margin: 10px auto;
    background:url("../img/sp.png");
    background-size: 100% 100%;
    padding: 54px 0px 34px;
    opacity: 0.7;
}
.listAll1{
    width: 1013px;
    margin: 0 auto;
}
.listAll p{
    font-size: 16px;
    margin:0px 0px 25px;
}
.listAll1 ul{
    height:140px;
}
.listAll1 li{
    list-style: none;
    height:50px;
    line-height: 50px;
    text-align: center;
    width:184px;
    float: left;
    font-size: 15px;
    background-color: #FFFFFFBF;
    margin: 0px 108px 20px 0px;
}
.returnTop{
    width:40px;
    height:40px;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgb(145, 126, 126);
    margin: -3px auto;
    /* border: 1px solid; */
}
.returnTop button{
    margin:10px 10px;
    font-size: 20px;
}
.foot{
    width:100%;
    height:150px;
    margin:10px auto;
    background-color: white;
    overflow: hidden;

}
.foot #zixun{
    width:100px;
    height:40px;
    text-align: center;
    line-height: 40px;
    background-color: #00081c;
    font-size: 14px;
    color:white;
    position: fixed;
    border-radius: 5px;
    bottom:0;
    left: 10px;
    z-index: 3;
}
.foot>ul{
    margin: 10px 30px 10px 400px;
    
}

.foot ul li{
    list-style: none;
    border-right: 1px solid #687593;
    color:#687593;
    float: left;
    font-size: 13px;
    margin-left: 20px;
    padding-right: 20px;
    /* text-align: center; */
}
.foot1{
    width:100%;
    height: 90px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
}
.foot1>ul{
  margin: 10px 30px 10px 0px;
}
.foot p{
    font-size: 13px;
    color:#687593;
    margin: 0px 30px 10px 400px;
}